<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生数据管理</title>
</head>
<body>
    <h1>学生数据管理</h1>
 
    <h2>新增学生</h2>
    <form id="addForm">
        <input type="text" id="name" placeholder="姓名" required>
        <input type="number" id="age" placeholder="年龄" required>
        <input type="text" id="class" placeholder="班级" required>
        <button type="submit">新增</button>
    </form>
 
    <h2>修改学生</h2>
    <form id="editForm">
        <input type="number" id="editId" placeholder="学生ID" required>
        <input type="text" id="editName" placeholder="姓名">
        <input type="number" id="editAge" placeholder="年龄">
        <input type="text" id="editClass" placeholder="班级">
        <button type="submit">修改</button>
    </form>
 
    <h2>删除学生</h2>
    <form id="deleteForm">
        <input type="number" id="deleteId" placeholder="学生ID" required>
        <button type="submit">删除</button>
    </form>
 
    <h2>学生列表</h2>
    <ul id="studentList"></ul>
 
    <script src="app.js"></script>
</body>
</html>